<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>付费视频商城 | 购物车合计</title>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/comm.css">
    <link rel="stylesheet" href="css/shopping.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/vue.js"></script>
</head>
<body>
<div id="app">
    <!--引入头部-->
    <div id="header"></div>

    <div class="container after mar0">
        <div class=" box after">
            <div class="shop-box after">
                <div class="sp-left">
                    <table class="shop_table cart " cellspacing="0" style="width:100%;">
                        <thead>
                        <tr class="thead-th">
                            <th class="product-remove first" colspan="3">商品</th>
                            <th class="product-price">价格</th>
                            <th class="product-quantity">数量</th>
                            <th class="product-subtotal last">合计</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr  class="cart_item">
                            <td class="product-removelink">
                                <div class="del-box">
                                    <i title="移除此项" class="del">×</i>
                                </div>
                            </td>
                            <td class="product-thumbnail" style="">
                                <div class="wd_product_content">
                                    <div class="wd_product_item">
                                        <a href=""><img width="90" height="50" src="img/page01.jpg" alt="油画肖像教学" title=""></a></div>
                                </div>
                                <!-- Product Name -->

                            </td>
                            <td class="product-name">
                                <a href="">油画肖像教学【没有试看】</a>					</td>
                            <td class="product-price">
                                <span class="amount">¥800.00</span>					</td>

                            <td class="product-quantity">
                                1 </td>
                            <td class="product-subtotal">
                                <span class="amount">¥800.00</span>					</td>

                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="sp-right">
                   <div class="sp-car">
                       <div class="sp-car-top">
                           <span>购物车合计</span>
                       </div>
                       <table cellspacing="0" class="car-table">
                           <tr>
                               <th>购物车小计</th>
                                <td>￥800.00</td>
                           </tr>
                           <tr class="border-th">
                               <th>运费</th>
                                <td>￥0.00</td>
                           </tr>
                           <tr class="border-th2">
                               <th class="border-th2">订单总计</th>
                           <td>￥800.00</td>
                           </tr>
                       </table>

                       <div class="car-button">前往收银台</div>
                   </div>
                </div>
            </div>

        </div>
    </div>
    <!--引入底部-->
     <div id="footer"></div>
</div>

</body>
<script>
    //使用ajax引入静态页面
    $(function () {
        $.ajax({
            url:"header.html",
            context:document.body,
             success:function (sView) {
                 $("#header").append($(sView));
             }
        });
        $.ajax({
            url:"footer.html",
            context:document.body,
            success:function (sView) {
                $("#footer").append($(sView));
            }
        });
    })
</script>
</html>